前端视角切入原生之快速开发——鸿蒙、Android、iOS、Flutter

本次切入侧重点

开发调试

页面布局，屏幕设备适配

路由、页面切换

模块化、生命周期

网络资源请求

本地数据存储

上线流程

Flutter

开发调试

• 开发工具 参考
• 调试工具 参考

页面布局，屏幕设备适配

• 系统不支持自动适配，需要自己封装，比如有类似于flexible的 screenutil 封装。
• 通用组件库 参考
• dart ui
• material ui

路由、页面切换

• 路由配置
• 路由构建
• 路由跳转

模块化、生命周期

网络资源请求

• http
• dart:io httpClient

本地数据存储

• 简单本地数据存储 shared_preference

上线流程

鸿蒙

开发调试

• 到 这里 下载开发工具DevEco-Studio，这里才有Mac版本，学堂里面只有Windows版本，
• 开发文档 在这里
• 调试 参考, JS开发用console打日志，Java开发用HiLog打日志

页面布局、屏幕设备适配

用JS开发

• 屏幕宽度720px，参考
• 使用媒体查询进行适配 参考
• 通用组件 参考
• JS UI 说明 参考

用Java开发

• Java UI 说明 参考
• Java UI Demo 参考

路由、页面切换

用JS开发

• 使用router路由模块 参考

用Java开发

• 页面间跳转 参考
• 页面部件间跳转 参考

模块化

用JS开发

• 使用自定义组件
• 组件相关属性 参考
• 组件间通信 参考

用Java开发

• 页面和页面组件 参考
• 自定义组件 参考

生命周期

用JS开发

• 组件和App生命周期 参考

用Java开发

• 页面及页面组件生命周期 参考

网络资源请求

用JS开发

• 使用fetch模块 参考

本地数据存储

用JS开发

• 使用storage模块 参考

用Java开发

• 简单存储 参考, ，及相关的数据库和文件存储

上线流程

用JS开发

• 编译构建配置 参考
• 应用发布流程 参考

最后更新： 2022年03月02日 03:32

原始链接： http://rawbin-.github.io/cross-platform/2018-12-03-fe-to-native-apps/

小淼焱

赏

× 赞赏这个人~